@charset "utf-8";
/*YH*/

@import url("style.css");
@import url("flexslider.css");

/* 定义的样式 */
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, h1, h2, h3, h4, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, caption, tbody, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;vertical-align: baseline;}
ol, ul {list-style: none outside none;}
input {font-family: "Microsoft Yahei","微软雅黑";display: inline-block;vertical-align: middle;}
select {font-family: "Microsoft Yahei","微软雅黑";}
textarea {font-family: "Microsoft Yahei","微软雅黑";resize: none;}
img { border:none;}
/**{ transition: all 0.1s linear 0.1s;}*/
.clearfix:before, .clearfix:after {content: ".";display:block; font-size:0; height: 0;line-height:0; overflow:hidden; visibility:hidden; width:0;}
.clearfix:after {clear: both;}
.clearfix {zoom:1}
.cursor{ cursor:pointer;}
.block { display:block;}

.fl{ float:left;}
.fr{ float:right;}
.btn { outline:none; border:none; cursor:pointer; display:block;}

/*图片鼠标移入放大效果*/
.scale-up-box {transform: scale(1, 1); transition: all 0.3s ease-out 0s;}
.scale-up-box:hover {transform: scale(1.05, 1.05); transition: all 0.3s ease-out 0s;}

/*边距属性控*/
.mt3{margin-top:3px;}
.mt5{margin-top:5px;}
.mt7{margin-top:7px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}

.mr5{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}
.mr25{ margin-right:25px;}
.mr40{ margin-right:40px;}

.ml5{margin-left:5px;}
.ml7{margin-left:7px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml18{margin-left:18px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml130{margin-left:130px;}

/*字号*/
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f24{font-size:24px;}
.f28{font-size:28px;}

.arial { font-family:Arial, Helvetica, sans-serif;}
.fontB { font-weight:bold;}


.red { color:#ff0101}
.gray { color:#ccc;}
.gray2 { color:#666;}
.gray3 { color:#999;}


/*公共样式*/
body {color:#333; font: 12px/1.5  "Microsoft Yahei","微软雅黑",ahoma,Arial,STHeiti,sans-serif; background:#fff;}
a {color: #333;text-decoration: none;}
a：hover {color:#d22b26;text-decoration: none;}

.w1103 { display:block; width:1103px; margin:0 auto;}
.search { margin:0 auto; border-radius:5px; border:1px solid #eaeaea; background-color:#fff;}
h1 { font-size:24px; font-weight:bold;}
h2 { font-size:22px; font-weight:normal;}
h3 { font-size:18px; font-weight:normal;}
h4 { font-size:16px; font-weight:normal;}
p { font-size:13px; margin:0; padding:0; }


/*当前位置*/
.site { display:block; height:46px; line-height:46px;}
.site ul li { display:block; float:left; margin-right:5px; color:#999;}
.site ul li a { color:#999; }
.site ul li a:hover { text-decoration:underline;}
.site ul .xz{ color:#d22b26;}
.site ul li span { display:block; height:46px; width:14px; background:url("../images/home_icon.png") center center no-repeat;}

/*分页样式*/
.page { width:100%; margin-bottom:40px; text-align:center;}
.page ul li { display:inline-block; margin-left:10px;}
.page ul li a { display:inline-block; border:1px solid #ccc; padding:3px 5px; color:#666;}
.page ul li a:hover, .page ul li .this_page { border:1px solid #d22b26; color:#d22b26;}

/*百度地图样式*/
.baidu_map { padding:20px 0;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

/*右侧导航样式*/
.rightsidebar {height:100%;width:65px; position:fixed;right:0;bottom:0;z-index:100;	background:#e8e7e7;}
.rightsidebar-box{	width:65px;	height:100%; position:relative;	z-index:20;}	
.quick_links{ display:block; position:absolute;	top:50%; left:0; margin-top:-260px;	z-index:10;	width:65px; }
.quick_links dd { display:block; float:left; margin-bottom:10px; position:relative;}
.quick_links dd a {display:block; width:65px; height:72px; background:url("../images/rightsiderbar.png") no-repeat;}
.tel_tooltip { display:none; position:absolute; left:-160px; top:12px; height:40px; line-height:40px; text-align:center; width:160px; background-color:#fff; box-shadow:-2px 0 2px rgba(0,0,0,0.3); z-index:8; border-radius:5px; font-size:14px; font-weight:bold; color:#ff0101;}
.icon_arrow_right_black{ display:none; width:9px; height:14px; background:url("../images/icon_01.png") no-repeat; position:absolute; left:0; top:25px;}
.quick_whatsApp dd a {
    display: block;
    width: 65px;
    height: 72px;
    background: url("../img/whatsapp.png") no-repeat;
}
.quick_links dd .a01 { background-position:0 0;}
.quick_links dd .a01:hover { background-position:-63px 0;}
.quick_links dd .a02 { background-position:0 -90px;}
.quick_links dd .a02:hover { background-position:-63px -90px;}
.quick_links dd .a03 { background-position:0 -179px;}
.quick_links dd .a03:hover { background-position:-63px -179px;}
.quick_links dd .a04 { background-position:0 -272px;}
.quick_links dd .a04:hover { background-position:-63px -272px;}
.quick_links dd .a05 {
    background-position: 0 -436px;
}

    .quick_links dd .a05:hover {
        background-position: -61px -436px;
    }
.quick_links .quick_tel:hover .tel_tooltip { display:block;}
.quick_links .quick_tel:hover .icon_arrow_right_black { display:block;}
.code_tooltip { display:none; width:120px; position:absolute; left:-120px; top:-30px; height:120px; background:url("../images/ma.png") no-repeat; box-shadow:-2px 0 2px rgba(0,0,0,0.3); z-index:8; border-radius:5px;}

.code_tooltip1 {
    display: none;
    width: 120px;
    position: absolute;
    left: -120px;
    top: -30px;
    height: 120px;
    background:url("../img/wx.jpg");
    box-shadow: -2px 0 2px rgba(0,0,0,0.3);
    z-index: 10;
    border-radius: 5px;
}


.quick_links .quick_code:hover .code_tooltip { display:block;}
.quick_links .quick_code:hover .code_tooltip1 {
    display: block;
}
.quick_links .quick_code:hover .icon_arrow_right_black { display:block;}
.quick_toggle { display:block; position:absolute; bottom:0; left:0; z-index:10; width:65px; }
.return_top { display:block; width:65px; height:72px; background:url("../images/rightsiderbar.png") 0 -353px no-repeat;}
.return_top:hover {  background:url("../images/rightsiderbar.png") -63px -353px no-repeat;}